Internet Explorer

Chrome

Opera

Safari

Firefox

7.0

8.0

9.0

7.0

8.0

9.6

10.0

10.0

3.1

4.0

5.0

3.0

3.6

4.0

Частково

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

 

Коротка інформація

 

CSS

CSS1, CSS2.1

Значення за умовчанням

repeat

Наслідує

Ні

Застосовується

До блочних елементів

Аналог HTML

Нема

Посилання на специфікацію

http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat

 

 

Опис

Визначає, як повторюватиметься фонове зображення, встановлене за допомогою властивості background - image. Можна встановити повторення малюнка тільки по горизонталі, по вертикалі або в обидві сторони.

Синтаксис

background - repeat: no - repeat | repeat | repeat - x | repeat - y | inherit

Значення

no - repeat

 

Встановлює одно фонове зображення в елементі без його повторень, положення якого визначається властивістю background - position (за умовчанням в лівому верхньому кутку).

repeat

Фонове зображення повторюється по горизонталі і вертикалі.

repeat - x

Фоновий малюнок повторюється тільки по горизонталі.

repeat - y

Фоновий малюнок повторюється тільки по вертикалі.

inherit

Наслідує значення батька.

 

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

    <title>background-repeat</title>

    <style type="text/css">

   BODY {
    background-image: url('mybg.gif'); /* Шлях до фонового малюнка */
    background-position: left bottom; /* Положення фону */
    background-repeat: repeat-x; /* Відміняємо повторення файлу */
   }
  </style>
 </head>
 <body>
      <p>Луцький національний технчний університет є одним із найкращих професійних закладів освіти у місті Луцьку</p>
 
 </body>
</html>
 
 
Малюнок 1. Приклад використання background-repeat
 

Об'єктна модель

[window.]document.getElementById

("elementID").style.backgroundPosition

Браузеры

Internet Explorer до сьомої версії включно не підтримує значення inherit.